<template>
	<view class="box" style="border-radius: 0 0 30rpx 30rpx;margin-top: 0;">
		<view style="height: 90rpx;width: 100%;display: flex;align-items: center;justify-content: space-between;">
			<image src="/static/icon/avatar1.png" style="width: 90rpx;height: 90rpx;margin-right: 20rpx;"></image>
			<view
				style="flex: 1;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;">
				<view style="height: 40rpx;line-height: 40rpx;color: #020618;font-size: 30rpx;">小优 专属顾问</view>
				<view style="height: 35rpx;line-height: 35rpx;color: #62748E;font-size: 24rpx;">专业在线1V1帮您解决疑问</view>
			</view>
			<image src="/static/icon/to_right.png" style="height: 32rpx;width: 32rpx;" />
		</view>
	</view>
	<view class="box" style="padding: 0 36rpx;">
		<navigator class="i">
			<view>
				<text>功能异常</text>
				<text>页面出现白屏、无法打开、内容报错等问题</text>
			</view>
			<image src="/static/icon/to_right.png" />
		</navigator>
		<navigator class="i">
			<view>
				<text>回收订单</text>
				<text>无法提现，卡券验证失败，价格不符等问题</text>
			</view>
			<image src="/static/icon/to_right.png" />
		</navigator>
		<navigator class="i">
			<view>
				<text>产品建议</text>
				<text>向开发者反馈产品及服务相关优化建议</text>
			</view>
			<image src="/static/icon/to_right.png" />
		</navigator>
	</view>

	<navigator class="box"
		style="padding: 0 36rpx;height: 120rpx;display: flex;align-items: center;justify-content: space-between;font-size: 30rpx;">
		我的反馈
		<image src="/static/icon/to_right.png" style="height: 32rpx;width: 32rpx;" />
	</navigator>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.i {
		border-bottom: 1px solid #E2E8F0;
		height: 170rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.i:last-child {
		border: none;
	}

	.i view {
		flex: 1;
		height: 90rpx;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
	}

	.i view text:first-child {
		font-size: 30rpx;
		line-height: 40rpx;
	}

	.i view text:last-child {
		color: #62748E;
		font-size: 24rpx;
		line-height: 35rpx;
	}

	.i image {
		height: 32rpx;
		width: 32rpx;
	}
</style>